<template>
  <div class="index">
    <Sidebar my_index="-1"></Sidebar>
    <Header :userName="userName"></Header>
    <div class="main-content">
      <div class="my-status">
        <div class="status-title">我的状态</div>
        <div class="status-content">
          <div class="loginer">登录者：{{userName}}</div>
          <div class="login-time">上次登录时间：{{loginTime}}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Sidebar from '../components/sidebar'
import Header from '../components/header'
export default {
  data () {
    return {
      userName: '陈大胜',
      loginTime: '2018-05-09  08:25:03'
    }
  },
  methods: {
  },
  components: {
    Sidebar,
    Header
  }
}
</script>

<style lang="less">
  .main-content {
    .my-status {
      padding: 60px;
      .status-title {
        padding: 20px;
        text-align: left;
        border-radius: 5px;
        margin-bottom: 20px;
        background: #ccc;
      }
      .status-content {
        padding: 20px;
        border: 1px dashed #ccc;
        border-radius: 5px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
      }
    }
  }
</style>
